import * as React from 'react';
import Stack from '@mui/material/Stack';
import Button from '@mui/material/Button';
import Fab from '@mui/material/Fab';
import AddIcon from '@mui/icons-material/Add';
import RemoveIcon from '@mui/icons-material/Remove';
import { Typography } from '@mui/material';

export default function Myconfig() {
  return (
    <Stack spacing={2} direction="column">
      <Stack spacing={20} direction="row">
        <Button variant="outlined" color="primary">
          <Typography fontSize="1.2rem">股票代码:sz111111&emsp;股票名称:1111</Typography>
        </Button>
        <Stack spacing={2} direction="row" alignItems="center" justifyContent="center">
          <Fab color="primary" aria-label="rem">
            <RemoveIcon />
          </Fab>
          <Typography fontSize="1.2rem">0</Typography>
          <Fab color="primary" aria-label="add">
            <AddIcon />
          </Fab>
        </Stack>
      </Stack>
      <Stack spacing={20} direction="row">
        <Button variant="outlined" color="primary">
          <Typography fontSize="1.2rem">股票代码:sz111111&emsp;股票名称:1111</Typography>
        </Button>
        <Stack spacing={2} direction="row" alignItems="center" justifyContent="center">
          <Fab color="primary" aria-label="rem">
            <RemoveIcon />
          </Fab>
          <Typography fontSize="1.2rem">0</Typography>
          <Fab color="primary" aria-label="add">
            <AddIcon />
          </Fab>
        </Stack>
      </Stack>
      <Stack spacing={20} direction="row">
        <Button variant="outlined" color="primary">
          <Typography fontSize="1.2rem">股票代码:sz111111&emsp;股票名称:1111</Typography>
        </Button>
        <Stack spacing={2} direction="row" alignItems="center" justifyContent="center">
          <Fab color="primary" aria-label="rem">
            <RemoveIcon />
          </Fab>
          <Typography fontSize="1.2rem">0</Typography>
          <Fab color="primary" aria-label="add">
            <AddIcon />
          </Fab>
        </Stack>
      </Stack>
    </Stack>
  );
}
